<html>
<head>
  <title>Test the dragstart event on the anchor in side shadow DOM</title>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<script>

SimpleTest.waitForExplicitFinish();

SpecialPowers.pushPrefEnv({"set": [
  ["dom.webcomponents.enabled", true]
]});

function runTests()
{
  let dragService = SpecialPowers.Cc["@mozilla.org/widget/dragservice;1"].
    getService(SpecialPowers.Ci.nsIDragService);

  let shadow = document.querySelector('#outter').createShadowRoot();
  let target = document.createElement('a');
  let linkText = document.createTextNode("Drag me if you can!");
  target.appendChild(linkText);
  target.href = "http://www.mozilla.org/";
  shadow.appendChild(target);

  let dataTransfer;
  let trapDrag = function(event) {
    ok(true, "Got dragstart event");
    dataTransfer = event.dataTransfer;
    ok(dataTransfer, "DataTransfer object is available.");
    is(dataTransfer.mozItemCount, 1, "initial link item count");
    is(dataTransfer.getData("text/uri-list"), "http://www.mozilla.org/", "link text/uri-list");
    is(dataTransfer.getData("text/plain"), "http://www.mozilla.org/", "link text/plain");
  }

  ok(!dragService.getCurrentSession(), "There shouldn't be a drag session!");
  window.addEventListener("dragstart", trapDrag, true);
  synthesizeMouse(target, 2, 2, { type: "mousedown" });
  synthesizeMouse(target, 11, 11, { type: "mousemove" });
  synthesizeMouse(target, 20, 20, { type: "mousemove" });
  window.removeEventListener("dragstart", trapDrag, true);
  ok(dragService.getCurrentSession(), "Drag session is available.");
  dragService.endDragSession(false);
  ok(!dragService.getCurrentSession(), "There shouldn't be a drag session anymore!");
  SimpleTest.finish();
}

</script>

<body onload="window.setTimeout(runTests, 0);">
<div id="outter"/>
</body>
</html>
